<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1" />
		<meta charset="UTF-8">
		<title>会场列表</title>
		<script type="text/javascript" src="../js/flexible.js" ></script>
		<link rel="stylesheet" href="../css/all_page.css" />
		<link rel="stylesheet" href="../css/public.css" />
		<link rel="stylesheet" href="../css/mobiscroll.css" />
		<link rel="stylesheet" href="../css/mobiscroll_002.css" />
		<link rel="stylesheet" href="../css/mobiscroll_003.css" />
		<style>
			
		</style>
	</head>
	<body>
		
		<div class="room">
			<!--头部-->
			<div class="pTop">
				<label>时间：</label>
				<div class="input">
					<input value="2018-06-25" class="" readonly="readonly" name="appDate" id="appDate" type="text">
					<p id="appDateText">06-25<span>周一</span></p>
				</div> <span>-</span>
				<div class="input">
					<input value="" class="" readonly="readonly" name="appDate" id="amOrpm" type="text">
					<p id="amOrpmText">请选择</p>
				</div>
				<ul id="sex-list" style="display: none">
					<li>上午</li>
					<li>下午</li>
				</ul>
			</div>
			
			<!--会议室列表-->
			<div class="rCn div_float">
				<div class="rList div_float">
					<img src="../img/y1.png" />
					<P>海珠会议文化中心</P>
					<P>（带主席台）</P>
					<P class="state audit">待审核 </P>
					<p class="yd noYd">预定</p>
				</div>
				<div class="rList div_float">
					<img src="../img/y2.png" />
					<P>海珠会议文化中心</P>
					<P>（带主席台）</P>
					<P class="state audit">待审核 </P>
					<p class="yd noYd">预定</p>
				</div>
				<div class="rList div_float">
					<img src="../img/y3.png" />
					<P>海珠会议文化中心</P>
					<P>（带主席台）</P>
					<P class="state">待审核 </P>
					<p class="yd">预定</p>
				</div>
				<div class="rList div_float">
					<img src="../img/y1.png" />
					<P>海珠会议文化中心</P>
					<P>（带主席台）</P>
					<P class="state">待审核 </P>
					<p class="yd">预定</p>
				</div>
				<div class="rList div_float">
					<img src="../img/y2.png" />
					<P>海珠会议文化中心</P>
					<P>（带主席台）</P>
					<P class="state">待审核 </P>
					<p class="yd">预定</p>
				</div>
				<div class="rList div_float">
					<img src="../img/y3.png" />
					<P>海珠会议文化中心</P>
					<P>（带主席台）</P>
					<P class="state">待审核 </P>
					<p class="yd">预定</p>
				</div>
				<div class="rList div_float">
					<img src="../img/y1.png" />
					<P>海珠会议文化中心</P>
					<P>（带主席台）</P>
					<P class="state">待审核 </P>
					<p class="yd">预定</p>
				</div>
				<div class="rList div_float">
					<img src="../img/y2.png" />
					<P>海珠会议文化中心</P>
					<P>（带主席台）</P>
					<P class="state">待审核 </P>
					<p class="yd">预定</p>
				</div>
				<div class="rList div_float">
					<img src="../img/y3.png" />
					<P>海珠会议文化中心</P>
					<P>（带主席台）</P>
					<P class="state">待审核 </P>
					<p class="yd">预定</p>
				</div>
			</div>
			
			<!--我的预定-->
			<div class="meYd">
				<p>我的预定</p>
			</div>
			
			<!--公共底部-->
			<div class="allFooter div_float">
				<a>
					<img src="../img/home_sel.png" />
					<p>首页</p>
				</a>
				<a class="w_info">
					<img src="../img/info.png" />
					<p>微信息</p>
				</a>
				<a class="work">
					<img src="../img/allAP.png" />
					<p>工作台</p>
				</a>
				<a class="w_service">
					<img src="../img/service.png" />
					<p>微服务</p>
				</a>
				<a>
					<img src="../img/me.png" />
					<p>个人中心</p>
				</a>

			</div>
			<div class="allFootText">
				<div class="layer wx">
					<a>通知公告</a>
					<a>工作动态</a>
					<a>失物招领中心</a>
				</div>
				<div class="layer wf">
					<a>故障报修</a>
					<a>预约会场</a>
					<a>食堂充值</a>
					<a>办公用品</a>
					<a>留言诉求</a>
					<a>评价系统</a>
				</div>
			</div>
			
		</div>
		
	
	<script type="text/javascript" src="../js/jquery-1.8.3.js" ></script>
	<script type="text/javascript" src="../js/mobiscroll.custom-2.5.2.min.js" ></script>
	<script type="text/javascript" src="../js/mobiscroll_003.js" ></script>
	<script type="text/javascript" src="../js/js.js" ></script>
	<script>
		$(function(){
			$("#appDate").mobiscroll().date({
				theme: "android-ics",
				lang: "zh",
				display: 'bottom',
				selectType: 'week',
				dateFormat: 'yy-mm-dd', //返回结果格式化为年月格式
				//wheels:[], //设置此属性可以只显示年月，此处演示，就用下面的onBeforeShow方法,另外也可以用treelist去实现
				//onBeforeShow: function (inst) { inst.settings.wheels[0].length>2?inst.settings.wheels[0].pop():null; }, //弹掉“日”滚轮
				headerText: function(valueText) { //自定义弹出框头部格式
					array = valueText.split('-');
					return array[0] + "年" + array[1] + "月" + array[2] + "日";
				},
				onSelect: function(valueText, inst) {
					var showDay = valueText.split('-');
					var mydate=new Date(valueText);
					var myddy=mydate.getDay();//获取存储当前日期
					var weekday=["周日","周一","周二","周三","周四","周五","周六"];
					$("#appDateText").html(showDay[1]+'-'+showDay[2]+'<span>'+weekday[myddy]+'</span>');
				}
			});

			$("#amOrpm").click(function() {
				var that = this;
				$("#sex-list").mobiscroll().treelist({
					theme: "android-ics",
					lang: "zh",
					display: 'bottom',
					headerText: '请您选择',
					onSelect: function(valueText) {
						var m = $(this).find("li").eq(valueText).html();
						$(that).val(m);
						$('#amOrpmText').html(m)
					}
				});
				$("input[id^=sex-list]").focus();
			});
		})
	</script>
	</body>
</html>
